/* ----------------------------------------------------------------

	tabs.scss

-----------------------------------------------------------------*/
.tabs {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  .tab-item {
    margin: 0 6px 14px;
    .tab-link {
      padding: 10px 16px;
      background: $gray-200;
      border-radius: 6px;
      transition: all 0.3s ease-in-out;
      &.active {
        background: $primary;
        color: $white;
        pointer-events: none;
        cursor: default;
      }
    }
  }
}
